<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心-我的订单</title>

    <link rel="shortcut icon" href="../img/jiejie_logo_s.png">
    <link rel="stylesheet" href="../css/head.css">
    <link rel="stylesheet" href="../css/profile_order.css">
</head>
<body>

      <!-- 头部导航 -->
      <div class="header">

    <!-- 头部导航 -->
    <div class="header">

        <div class="header-inner">
            <div class="nav">
                 <!-- logo -->
                <div class="logo">
                    <a href=""><img src="../img/jiejie_logo.png" alt=""></a>
                </div>
                <div>
                    <div class="menu-item"><a href="../index.html">首页</a></div>
                    <div class="menu-item"><a href="films.html">电影</a></div>
                    <div class="menu-item"><a href="cinema.html">影院</a></div>
                    <div class="menu-item"><a href="BangDan.html">榜单</a></div>
                </div>

                <div class="search-form">
                    <input type="text" class="search-text">
                    <a href=""><span class="search-img"></span></a>
                    
                </div>
                <div class="head-user">
                    <a href="login.html" class="loginBtn">登录</a>
                    <a href="regist.html" class="loginBtn">注册</a>
                </div>
            </div>
        </div>
    </div>
        <!-- 避免下面的块上移 -->
        <div class="header-m"></div>

    <div class="container">
        <div class="main">
            <!-- 左盒子 -->
            <div class="left-container">
                <h1>个人中心</h1>
                <a href="profile_order.html" class="myorder">我的订单</a>
                <a href="profile_msg.html" class="my-msg">我的消息</a>
                <a href="profile_coupon.html" class="my-coupon">我的优惠券</a>
            </div>
            <!-- 右盒子 -->
            <div class="right-container">
                <div class="profile-title-container">
                    <span>我的订单</span>
                </div>

                <div class="order-box">
                    <div class="order-header">
                        <span class="order-date">2022-08-29</span>
                        <span class="order-id">杰杰电影订单号：21898176649</span>
                        <span class="del-order"></span>
                    </div>
                    <div class="order-body">
                        <div class="poster">
                            <img src="../img/profile_img1.png" alt="">
                        </div>
                        <div class="order-content">
                            <div class="movie-name">《信条》</div>
                            <div class="cinema-name">世纪巨星电影城（步行街店）</div>
                            <div class="hall-ticket">
                                <span>千年珠宝厅</span>
                                <span>9排13座</span>
                            </div>
                            <div class="show-time">周五 9月4日 19:30</div>
                        </div>
                        <div class="order-price">￥24.9</div>
                        <div class="order-status"> 已完成 </div>
                        <div class="actions">
                            <div>
                                <a href="XQing.html" class="order-detail">点击评价</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="order-box">
                    <div class="order-header">
                        <span class="order-date">2022-08-29</span>
                        <span class="order-id">杰杰电影订单号：21898176649</span>
                        <span class="del-order"></span>
                    </div>
                    <div class="order-body">
                        <div class="poster">
                            <img src="../img/profile_img1.png" alt="">
                        </div>
                        <div class="order-content">
                            <div class="movie-name">《信条》</div>
                            <div class="cinema-name">世纪巨星电影城（步行街店）</div>
                            <div class="hall-ticket">
                                <span>千年珠宝厅</span>
                                <span>9排13座</span>
                            </div>
                            <div class="show-time">周五 9月4日 19:30</div>
                        </div>
                        <div class="order-price">￥24.9</div>
                        <div class="order-status"> 已完成 </div>
                        <div class="actions">
                            <div>
                                <a href="XQing.html" class="order-detail">点击评价</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>